.travel-consumer {
  .supplyRow{
    margin-top: 10px;
    margin-bottom: 0;
  }
  .supply{
    margin-bottom: 12px;
    line-height: 15px;
    .card-name {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .ant-card {
      display: inline-block;
    }
    .ant-card-body{
      padding:0 !important;
      text-align: center !important;
    }
    .card-off{
      height: 60px;
      width: 60px;
      img{
        padding:4px;
        height: 60px;
        border:1px solid #ccc;
        &:hover{
          border:1px solid $default-color;
        }
      }
      .card-name{
        color:#ccc;
      }
    }
    .card-off-disable {
      height: 60px;
      width: 60px;
      cursor: not-allowed;
      img{
        padding:4px;
        height: 60px;
        border:1px solid #ccc;
      }
      .card-name{
        color:#ccc;
      }
    }
    .card-on{
      height: 60px;
      width: 60px;
      img{
        padding:4px;
        height: 60px;
        border:1px solid $default-color;
      }
      .card-name{
        color:$default-color;
      }
    }
  }
}
